@import '@/styles/token';

.categoryContainer {
  //padding: @paddingXs 0;
  margin-top: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  //justify-content: center;
  width: 100%;

  .tab-left {
    width: 760px;
  }

  .tab-right {
    line-height: 48px;

    .icon {
      color: @colorTextQuaternary;
      cursor: pointer;
    }
  }

  // 自定义标签页样式
  :global {
    .ant-tabs {
      width: 760px !important;
    }

    .ant-tabs-tab {
      // 基础样式
      padding-right: @paddingXs;
      border-radius: @borderRadius;
      border: none;
      // font-size: 14px;
      // 未选中状态
      color: @colorTextSecondary;
      background-color: @colorWhite;
      font-size: @fontSizeLg;
      line-height: 24px;

      &:hover {
        color: @colorTextSecondary;
        //background-color: @colorFillTertiary;
      }

      // 选中状态
      &.ant-tabs-tab-active {
        color: @colorPrimary;
        //background-color: @colorPrimaryBg;
      }
    }

    // 移除标签栏按钮聚焦样式
    .ant-tabs-tab-btn:focus:not(:focus-visible) {
      color: @colorTextSecondary;
    }

    // 标签栏容器样式
    .ant-tabs-nav {
      // margin-bottom: 0;
      // border-bottom: none;
      // background: transparent;

      &::before {
        display: none;
      }
    }
  }
}
